<%@ page language="java" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <base href="<%=basePath%>">

    <title>导入信息</title>
    <link type="text/css" href="<%=basePath%>/css/base.css" rel="stylesheet"/>
    <link type="text/css" href="<%=basePath%>/css/downMenu.css" rel="stylesheet"/>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/menu.js"></script>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <script type="text/javascript" src="<%=basePath%>/js/jquery.min.js"></script>
    <script src='<%=basePath%>dwr/util.js' type="text/javascript"></script>
    <script src='<%=basePath%>dwr/engine.js' type="text/javascript"></script>
    <script src='<%=basePath%>dwr/interface/subjectService.js' type="text/javascript"></script>
    <script src='<%=basePath%>js/subject.js' type="text/javascript"></script>
    <script src='<%=basePath%>dwr/interface/testCategoryService.js' type="text/javascript"></script>
    <script type="text/javascript" src="<%=basePath%>/js/icheck.js"></script>

    <link href="<%=basePath%>/css/custom.css" rel="stylesheet">
    <link href="<%=basePath%>/css/line/_all.css" rel="stylesheet">

    <style type="text/css">
        table {
            margin: 0 auto;
        }

        table tr td {
            height: 45px;
        }
        .btn_addPic{
            display: block;
            position: relative;
            width: 140px;
            height: 39px;
            overflow: hidden;
            border: 1px solid #EBEBEB;
            background: none repeat scroll 0 0 #F3F3F3;
            color: #999999;
            cursor: pointer;
            text-align: center;
        }
        .btn_addPic span{display: block;line-height: 39px;}
        .btn_addPic em {
            background:url(<%=basePath%>/img/btn_addPic.png) 0 0;
            display: inline-block;
            width: 18px;
            height: 18px;
            overflow: hidden;
            margin: 10px 5px 10px 0;
            line-height: 20em;
            vertical-align: middle;
        }
        .btn_addPic:hover em{background-position:-19px 0;}
        .filePrew {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 140px;
            height: 39px;
            font-size: 100px; /* 增大不同浏览器的可点击区域 */
            opacity: 0; /* 实现的关键点 */
            filter:alpha(opacity=0);/* 兼容IE */
        }
    </style>

    <script type="text/javascript">
        $(document).ready(function () {
            $('.skin-line input').each(function () {
                var self = $(this),
                        label = self.next(),
                        label_text = label.text();

                label.remove();
                self.iCheck({
                    checkboxClass: 'icheckbox_line-blue',
                    radioClass: 'iradio_line-blue',
                    insert: '<div class="icheck_line-icon"></div>' + label_text
                });
            });
            $('button.menu_class').click(function () {
                $('ul.the_menu').slideToggle('medium');
            });
        });



    </script>
</head>

<body>
<%@ include file="/page/share/menu.jsp" %>

<div id="content">
    <h2>试题导入</h2>
    <hr>

    <form action="File!recoverExcelByTest.action" method="post" enctype="multipart/form-data">
        <input type="hidden" name="owner" value="${person.accout}"/>
        <table>
            <tr>
                <td style="text-align: right;">
                    文件名：
                </td>
                <td>
                    <%--<input type="file" name="file" style="height:30px;font-size: 16px;font-family: '微软雅黑'">--%>
                    <div>
                    <a class="btn_addPic" href="javascript:void(0);"><span><em>+</em>添加excel文件</span>
                        <input class="filePrew" title="" tabindex="3" name="file" size="3"
                               onchange="$('#txt').html(this.value)"
                        type="file"></a>
                        <span id="txt"></span>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;">
                    <br/>
                    科目：
                </td>
                <td>
                    <br/>
                    <select id="subject" name="subject"
                            style="width: 200px;height: 30px;font-family: '微软雅黑';font-size: 16px;"></select>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;">
                    共享：
                </td>
                <td align="left"  style=" width: 310px; ">
                    <div class="skin skin-line" >
                        <div class="skin-section" >
                            <ul class="list">
                                <li>
                                    <input tabindex="19" type="radio" id="line-radio-1" name="share" value="1">
                                    <label for="line-radio-1">共享</label>
                                </li>
                            </ul>
                            <ul class="list">

                                <li>
                                    <input tabindex="20" type="radio" id="line-radio-2" name="share" value="0"
                                           checked>
                                    <label for="line-radio-2">不共享</label>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <p style="font-size: 12px;color: red;">可多次导入，重复题目信息不导入</p>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type="submit" value="导入试题信息 "
                           onMouseOver="this.style.background='#2569c1'" onmouseout="this.style.background='#114a93'"
                           style="width:200px;height:30px;cursor:pointer;border: none;background: #2569c1;color: white;font-size: 16px;"/>
                </td>
            </tr>
            <tr>
                <td>

                </td>
            </tr>
        </table>
    </form>
</div>

<div id="footer">
    <p style="text-align: center;color: #757575;padding: 20px 0px 0px 0px; font:12px;">Copyright © 2010-2013 蓝天白云团队
        版权所有</p>
</div>
</body>
</html>
